<!doctype html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta
    name="viewport"
    content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"
  />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <meta name="format-detection" content="telephone=no" />
  <link rel="icon" type="image/png" href="../favicon.png" />

  <title>集约运营平台 - 登录测试</title>

  <style>
    #box {
      border: 1px solid #ccc;
      border-radius: 12px;
      width: 400px;
      height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
      column-gap: 12px;
      margin: 10vh auto;
    }
    input {
      padding: 6px 12px;
      width: 200px;
    }
    button {
      padding: 4px 12px;
    }
  </style>
</head>

<body>
  <div id="box">
    <input placeholder="encryptId" />
    <button>跳 转</button>
  </div>
</body>

<script>
const $input = document.querySelector('input')
const $button = document.querySelector('button')

$button.addEventListener('click', () => {
  const value = $input.value
  if (value) location.href = './index.html?encryptId=' + value
})
</script>
